<template>
	<div class="box">
		<!-- 基本信息 -->
		<div class="row-me row-center news">
			<el-image v-if="userInfo.headImage" :src="userInfo.headImage" class="imgs"></el-image>
			<div class="margin-left20">
				<el-badge value="当前科目" class="item" type="warning">
					<h4 v-if="appName">{{appName||''}}</h4>
				</el-badge>
				<el-form label-position="left">
					<div class="row-me flex-wrap" style="height: 35px;">
						<el-form-item label="姓名:" label-width="47px">
							<span v-if="userInfo.name">{{userInfo.name||''}}</span>
						</el-form-item>
						<el-form-item label="联系电话:" label-width="76px" style="margin-left: 10vw;">
							<span v-if="topData.mobile">{{topData.mobile||''}}</span>
						</el-form-item>
						<el-form-item label="入职时间:" label-width="76px" style="margin-left: 10vw;">
							<span v-if="userInfo.createTime">{{userInfo.createTime||''}}</span>
						</el-form-item>
					</div>
				</el-form>
			</div>
		</div>
		<!-- 卡片 -->
		<div class="row-me space-between">
			<div class="cardsBox">
				<div class="flex-sb tit">
					<h4>销售额</h4>
					<el-tag type="success" size="mini">昨日</el-tag>
				</div>
				<dl>
					<dt class="svgBox"><svg class="icon" viewBox="0 0 1027 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
							p-id="7433" width="55" height="55">
							<path
								d="M511.213979 1023.979443a511.60185 511.60185 0 1 1 200.141437-38.7871 511.989721 511.989721 0 0 1-200.141437 38.7871zM333.18119 593.830503a182.299371 182.299371 0 0 0 48.871746 124.506591 163.681562 163.681562 0 0 0 106.664525 40.726455v60.120005h42.277939v-60.507876a210.613954 210.613954 0 0 0 104.3373-30.641809A125.670204 125.670204 0 0 0 689.246769 620.593602a121.791494 121.791494 0 0 0-17.842066-65.550199A151.657561 151.657561 0 0 0 618.266376 504.232301l-87.270976-33.356906v-155.1484a90.373943 90.373943 0 0 1 45.380908 16.290582 88.434588 88.434588 0 0 1 32.193293 63.222973h72.531877a159.414981 159.414981 0 0 0-51.974714-107.828138 168.723885 168.723885 0 0 0-98.131364-34.132648V195.874856H488.717461V252.116151a176.481305 176.481305 0 0 0-97.743492 31.417551A119.464268 119.464268 0 0 0 339.387126 387.871001a124.506591 124.506591 0 0 0 17.842066 66.325941 139.245689 139.245689 0 0 0 54.30194 47.320262l77.5742 28.702454v167.172402a88.822459 88.822459 0 0 1-53.526198-22.496518 120.24001 120.24001 0 0 1-27.926712-77.5742z m197.81421 102.010073V543.019402l6.205936 2.327226 6.205937 2.715097c47.708133 16.290582 72.144006 38.7871 72.144006 72.531877a67.101683 67.101683 0 0 1-29.478196 56.241295 132.264011 132.264011 0 0 1-55.077683 19.005679z m-42.277939-240.09215c-48.483875-18.229937-71.756135-38.7871-71.756135-68.653167a62.447231 62.447231 0 0 1 27.926712-57.404908 90.761814 90.761814 0 0 1 46.54452-15.126969v141.960786z"
								fill="#F9C757" p-id="7434"></path>
						</svg></dt>
					<dd style="line-height: 55px;"><span class="sizeTit">{{topData?topData.saleAmountYesterday:0}}</span><span
							class="sizeMoney">(元)</span></dd>
				</dl>
				<div class="flex-sb tits">
					<span>今日销售</span>
					<i>{{topData?topData.saleAmountToday:0}}元</i>
				</div>
			</div>
			<div class="cardsBox">
				<div class="flex-sb tit">
					<h4>新增用户</h4>
					<el-tag type="success" size="mini">昨日</el-tag>
				</div>
				<dl>
					<dt class="svgBox"><svg t="1680686595690" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="68868" id="mx_n_1680686595691"
							data-spm-anchor-id="a313x.7781069.0.i31" width="55" height="55">
							<path
								d="M452.390615 240.72581c-55.032849 0-99.882905 44.850056-99.882906 99.882905s44.850056 99.882905 99.882906 99.882905 99.882905-44.850056 99.882905-99.882905-44.850056-99.882905-99.882905-99.882905zM512 0C229.284469 0 0 229.284469 0 512S229.284469 1024 512 1024 1024 794.715531 1024 512 794.715531 0 512 0z m241.412291 740.712402c-5.148603 5.72067-12.471061 8.924246-20.251174 8.924246H576.071508c-15.10257 0-27.344804-12.242235-27.344804-27.344804s12.242235-27.344804 27.344804-27.344805H701.35419c-16.933184-78.373184-69.220112-142.101453-138.897877-175.166927l-1.029721-0.34324c-8.466592-4.004469-17.162011-7.551285-25.971843-10.640447-0.114413 0-0.228827-0.114413-0.343241-0.114414-7.780112-2.631508-15.560223-4.805363-23.569162-6.635977-2.288268-0.572067-4.576536-1.029721-6.864804-1.487375-6.178324-1.258547-12.471061-2.288268-18.763799-3.089162l-7.551285-1.02972c-8.581006-0.800894-17.162011-1.372961-25.85743-1.372961-8.695419 0-17.276425 0.572067-25.85743 1.372961-2.517095 0.228827-5.03419 0.68648-7.551285 1.02972-6.292737 0.800894-12.585475 1.830615-18.763799 3.089162-2.288268 0.457654-4.576536 1.029721-6.979218 1.487375-7.894525 1.830615-15.78905 4.004469-23.454749 6.635977-0.114413 0-0.34324 0.114413-0.457653 0.114414-8.809832 3.089162-17.505251 6.521564-25.971844 10.640447l-1.02972 0.34324c-69.677765 33.065475-121.964693 96.793743-138.897877 175.166927h125.282681c15.10257 0 27.344804 12.242235 27.344805 27.344805s-12.242235 27.344804-27.344805 27.344804H171.734525c-7.665698 0-14.988156-3.203575-20.251173-8.924246-5.148603-5.72067-7.665698-13.271955-6.979218-20.937653 11.898994-122.422346 93.018101-221.504358 202.626145-260.86257 1.487374-0.572067 2.860335-1.144134 4.34771-1.601788-32.722235-28.374525-53.545475-70.135419-53.545475-116.701676 0-85.237989 69.334525-154.458101 154.458101-154.4581s154.458101 69.334525 154.4581 154.4581c0 46.566257-20.82324 88.327151-53.545475 116.701676 1.372961 0.457654 2.860335 1.029721 4.233296 1.601788 109.722458 39.243799 190.955978 138.32581 202.740559 260.86257 0.800894 7.665698-1.716201 15.331397-6.864804 20.937653z m-115.443129-288.321787c0-15.10257 12.242235-27.344804 27.344804-27.344805h30.777207c15.10257 0 27.344804 12.242235 27.344805 27.344805s-12.242235 27.344804-27.344805 27.344804h-30.777207c-15.10257-0.114413-27.344804-12.356648-27.344804-27.344804z m105.946816-59.037319h-78.602012c-15.10257 0-27.344804-12.242235-27.344804-27.344804s12.242235-27.344804 27.344804-27.344805h78.602012c15.10257 0 27.344804 12.242235 27.344804 27.344805s-12.242235 27.344804-27.344804 27.344804z m48.511285-86.267709H665.313966c-15.10257 0-27.344804-12.242235-27.344804-27.344805s12.242235-27.344804 27.344804-27.344804h127.113297c15.10257 0 27.344804 12.242235 27.344804 27.344804s-12.242235 27.344804-27.344804 27.344805z"
								fill="#0AC090" p-id="68869"></path>
						</svg></dt>
					<dd style="line-height: 55px;"><span class="sizeTit">{{topData?topData.newUserYesterday:0}}</span><span
							class="sizeMoney">(人)</span>
					</dd>
				</dl>
				<div class="flex-sb tits">
					<span>今日新增</span>
					<i>{{topData?topData.newUserToday:0}}人</i>
				</div>
			</div>
			<div class="cardsBox">
				<div class="flex-sb tit">
					<h4>新增公告</h4>
					<el-tag type="success" size="mini">昨日</el-tag>
				</div>
				<dl>
					<dt class="svgBox"><svg t="1680686755333" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/掘金2000/svg" p-id="70290" width="55" height="55">
							<path
								d="M512.74 57C266.71 57 67.26 256.44 67.26 502.48c0 246.03 199.45 445.48 445.48 445.48s445.48-199.45 445.48-445.48C958.22 256.44 758.77 57 512.74 57z m127.98 693.31c0 10.47-5.4 20.18-14.31 25.7a30.227 30.227 0 0 1-15.9 4.51c-4.6 0-9.21-1.06-13.45-3.16L367.33 662.98c-14.96-7.44-21.04-25.58-13.6-40.51 7.44-14.93 25.67-21.01 40.51-13.6l186.06 92.65V301.66l-196.94 89.9c-3.92 1.77-8.2 2.71-12.54 2.71H270.08v199.84h21.18c16.7 0 30.21 13.51 30.21 30.21s-13.51 30.21-30.21 30.21h-51.4c-16.7 0-30.21-13.51-30.21-30.21V364.06c0-16.7 13.51-30.21 30.21-30.21h124.36l233.74-106.69a30.445 30.445 0 0 1 28.89 2.09 30.216 30.216 0 0 1 13.87 25.4v495.66z m110.99-89.64c-5.96 6.9-14.37 10.44-22.84 10.44-7.02 0-14.04-2.42-19.77-7.38-12.63-10.92-13.99-29.98-3.07-42.6 107.43-124.16 5.52-233.15 1.12-237.72-11.51-12.01-11.21-31.13 0.77-42.69 11.98-11.54 31.01-11.27 42.58 0.59 50.87 52.17 116.58 186.06 1.21 319.36z"
								p-id="70291" fill="#F46161"></path>
						</svg></dt>
					<dd style="line-height: 55px;"><span class="sizeTit">{{topData.newNoticeYesterday||0}}</span><span
							class="sizeMoney">(条)</span>
					</dd>
				</dl>
				<div class="flex-sb tits">
					<span>今日新增</span>
					<i>{{topData.newNoticeToday||0}}条</i>
				</div>
			</div>
			<div class="cardsBox">
				<div class="flex-sb tit">
					<h4>添加试题</h4>
					<el-tag type="success" size="mini">昨日</el-tag>
				</div>
				<dl>
					<dt class="svgBox"><svg t="1680687119912" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="100678" id="mx_n_1680687119913" width="55" height="55">
							<path d="M508.2112 516.608m-450.816 0a450.816 450.816 0 1 0 901.632 0 450.816 450.816 0 1 0-901.632 0Z"
								fill="#59ADF8" p-id="100679"></path>
							<path
								d="M748.544 644.0448c19.2 19.0464 34.6112 34.304 55.5008 54.9888-6.2976 5.8368-89.344 89.8048-125.9008 126.72-21.3504 21.6064-50.0224 25.7024-77.5168 32.4608-8.6528 2.1504-12.0832-4.352-10.2912-11.9296 7.0656-29.4912 13.5168-58.5728 37.5296-81.3056 41.3184-39.1168 80.5376-80.4864 120.6784-120.9344zM633.6 194.2528c10.0352 4.1984 19.0976 5.7344 24.9856 10.8544 29.696 25.7536 59.2384 51.7632 87.1936 79.3088 7.424 7.3216 8.96 20.5312 14.4384 34.1504-36.9664 0-68.7616 0.4608-100.5568-0.4608-5.3248-0.1536-12.5952-5.1712-15.3088-10.0352-5.0176-8.8576-9.8304-19.1488-10.3424-29.0304-1.3312-26.88-0.4096-53.8624-0.4096-84.7872zM829.3376 675.9424c-18.7392-19.712-35.8912-37.7344-53.76-56.5248 6.7584-6.7584 19.9168-22.3232 35.7376-18.5344 20.224 4.7104 31.1808 18.944 37.2224 37.3248 5.888 17.8176-8.7552 28.16-19.2 37.7344z"
								fill="#FFFFFF" p-id="100680"></path>
							<path
								d="M756.0704 377.1904c0-4.8128-0.512-9.6768-0.8192-15.6672-30.9248 0-60.8256-0.3584-90.6752 0.1024-31.3344 0.4608-52.8384-14.6432-64.2048-42.4448-5.888-14.3872-8.2432-30.7712-9.1648-46.4384-1.4848-24.7808-0.4096-49.664-0.4096-76.0832-85.9648 0-184.7808-0.3072-268.2368 0.4096-9.8816 0.1024-20.8896 4.1472-29.3888 9.472-30.464 19.0976-46.4896 46.592-46.4384 83.5072 0.3072 143.4112 1.4848 286.8224-0.6656 430.1824-0.6656 44.4416 42.8544 92.3136 88.6272 95.8464h0.3072c2.7136 0.2048 149.1456 1.3824 149.1456 1.3824 50.8416 0 69.5296-24.2688 73.6768-28.5184 1.28-1.3312 10.5472-11.3152 22.6816-24.4736l70.4512-74.5984c-2.6624 0.4608-6.912 0.8704-13.8752 0.8704-1.2288 0.1024-2.4576 0.1536-3.6864 0.1536-82.9952 0.1024-181.2992 0.2048-264.2432-0.0512-16.9984-0.0512-29.5424-8.4992-36.7616-23.9104-13.1584-28.3136 7.2192-58.9312 39.68-59.0848 77.4656-0.256 170.2912 0.0512 247.7568-0.2048 15.872-0.0512 31.0784 0.5632 42.9056 13.1072 11.3664 12.0832 13.312 26.7264 11.7248 34.7648 0 0-0.0512 5.5296-2.2016 11.776l73.728-78.08c5.5808-5.4784 9.5744-15.2576 9.6768-23.0912 0.768-63.0272 0.4608-125.952 0.4096-188.928z m-129.2288 149.1968c-39.424 0.1536-78.848 0.0512-118.272 0.0512-39.424 0-94.208 0.1024-133.632-0.0512-28.672-0.1024-46.08-16.0768-46.0288-41.6256 0.0512-25.1904 17.9712-41.7792 46.1824-41.8304 78.848-0.2048 173.056-0.2048 251.904 0 28.2624 0.0512 47.872 18.176 47.36 42.752-0.512 24.4736-19.0976 40.6016-47.5136 40.704z"
								fill="#FFFFFF" p-id="100681"></path>
						</svg></dt>
					<dd style="line-height: 55px;"><span class="sizeTit">{{topData.newQuestionYesterday||0}}</span><span
							class="sizeMoney">(道)</span>
					</dd>
				</dl>
				<div class="flex-sb tits">
					<span>今日添加</span>
					<i>{{topData.newQuestionToday||0}}道</i>
				</div>
			</div>
		</div>
		<!-- 小卡片 -->
		<div class="row-me space-between padding-bottom30">
			<div class="littCard" @click="jump('/userManage/userList')">
				<dl class="dlSvg">
					<dt class="dtImg"><svg t="1680687617925" class="icon svgImg" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="101695" width="55" height="55">
							<path
								d="M767.23 482.61c35.1-31.02 57.35-75.93 57.35-126 0-86.84-65.08-158.94-151.38-167.72-17.47-1.77-33.28 11.03-35.08 28.61-1.78 17.58 11.03 33.28 28.61 35.06 53.5 5.45 93.84 50.17 93.84 104.05 0 53.31-39.88 97.98-92.75 103.92-11.64 1.3-20.63 8.96-25.12 18.91-0.04 0.08-0.08 0.15-0.12 0.22-1.24 2.8-1.94 5.7-2.33 8.82-0.2 1.16-0.82 2.15-0.88 3.35-0.05 0.89 0.35 1.66 0.37 2.53 0.03 0.53-0.19 1-0.13 1.53 0.09 0.8 0.53 1.44 0.68 2.21 2.18 14.73 13.84 26.58 29.28 27.44 119.3 6.59 216.69 101.45 226.55 220.66 1.38 16.72 15.38 29.36 31.86 29.36 0.88 0 1.77-0.03 2.67-0.11 17.61-1.45 30.7-16.91 29.25-34.53-9.75-117.84-87.27-216.63-192.67-258.31z"
								fill="#D4237A" p-id="101696"></path>
							<path
								d="M536.12 499.11c44.15-35.34 72.55-89.57 72.55-150.39 0-106.25-86.44-192.69-192.67-192.69s-192.67 86.44-192.67 192.69c0 60.81 28.4 115.05 72.55 150.39C170 545.37 75.68 661.55 64.11 801.33c-1.45 17.61 11.64 33.08 29.25 34.53 18.06 1.56 33.08-11.66 34.53-29.25C140.19 657.89 266.75 541.39 416 541.39s275.81 116.5 288.11 265.22c1.38 16.72 15.38 29.36 31.86 29.36 0.88 0 1.77-0.03 2.67-0.11 17.61-1.45 30.7-16.92 29.25-34.53C756.32 661.55 662 545.37 536.12 499.11zM287.33 348.72c0-70.95 57.72-128.69 128.67-128.69s128.67 57.73 128.67 128.69S486.95 477.39 416 477.39s-128.67-57.72-128.67-128.67z"
								fill="#D4237A" p-id="101697"></path>
						</svg></dt>
					<dd class="titCards">用户列表</dd>
				</dl>
			</div>
			<div class="littCard" @click="jump('/orderManage/shopOrder')">
				<dl class="dlSvg">
					<dt class="dtImg"><svg t="1680688377480" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="104737" width="55" height="55">
							<path
								d="M831.39453125 150.85742187H198.23046875c-33.31054688 0-64.51171875 27.0703125-64.51171875 60.38085938 0 33.31054688 31.20117188 60.38085938 64.51171875 60.38085938h4.39453125v606.18164062l22.41210938-22.41210938h2.46093749l65.47851563-65.47851562 71.3671875 71.3671875 1.23046875-1.23046875 2.19726563 2.19726563 71.27929687-71.27929688 71.27929688 71.27929688 2.19726562-2.19726563 2.19726562 2.19726562 71.27929688-71.27929687 71.27929687 71.27929687 2.19726563-2.19726562 1.23046875 1.23046875 71.3671875-71.3671875 65.47851562 65.47851562h2.4609375l22.41210938 22.41210938V271.61914062h9.05273437c33.31054688 0 60.38085938-27.0703125 60.38085938-60.38085937 0-33.31054688-27.15820313-60.38085938-60.46875-60.38085937z m5.18554688 85.78125001h-14.23828126v-50.625h-34.27734374v55.8984375h-0.08789063v552.83203125l-54.66796875-54.66796875-1.23046875 1.23046875-1.23046875-1.23046875-71.3671875 71.3671875-71.27929688-71.3671875-2.19726562 2.19726562-2.19726562-2.19726562-71.27929688 71.27929687-71.27929687-71.27929687-2.19726563 2.19726562-2.19726562-2.19726562-71.27929688 71.3671875-71.3671875-71.3671875-1.23046875 1.23046875-1.23046875-1.23046875-54.66796875 54.66796875 0.17578125-608.73046875H202.625v50.625h-12.91992188c-13.97460938 0-25.3125-11.33789063-25.31249999-25.40039063 0-13.97460938 11.33789063-25.3125 25.31249999-25.3125h646.875c13.97460938 0 25.40039063 11.33789063 25.40039063 25.3125-0.08789063 14.0625-11.42578125 25.40039063-25.40039063 25.40039063zM315.65234375 458.5625h183.95507813c9.05273438 0 16.34765625-7.29492188 16.34765624-16.34765625s-7.29492188-16.34765625-16.34765625-16.34765625H315.65234375c-9.05273438 0-16.34765625 7.29492188-16.34765625 16.34765625s7.3828125 16.34765625 16.34765625 16.34765625z m0-103.27148438h287.2265625c9.05273438 0 16.34765625-7.29492188 16.34765625-16.34765624s-7.29492188-16.34765625-16.34765625-16.34765625H315.65234375c-9.05273438 0-16.34765625 7.29492188-16.34765625 16.34765625s7.3828125 16.34765625 16.34765625 16.34765625zM620.10546875 529.13867188H315.65234375c-9.05273438 0-16.34765625 7.29492188-16.34765625 16.34765624s7.29492188 16.34765625 16.34765625 16.34765626H620.10546875c9.05273438 0 16.34765625-7.29492188 16.34765625-16.34765626s-7.29492188-16.34765625-16.34765625-16.34765624zM585.74023438 632.41015625H315.65234375c-9.05273438 0-16.34765625 7.29492188-16.34765625 16.34765625s7.29492188 16.34765625 16.34765625 16.34765625h270c9.05273438 0 16.34765625-7.29492188 16.34765625-16.34765625 0.08789063-9.05273438-7.29492188-16.34765625-16.25976563-16.34765625z"
								p-id="104738" fill="#EBAB36"></path>
						</svg></dt>
					<dd class="titCards">订单列表（{{topData.newOrderCount}}）</dd>
				</dl>
			</div>
			<div class="littCard" @click="jump('/questionManage/historicalQuestion')">
				<dl class="dlSvg">
					<dt class="dtImg"><svg t="1680688865076" class="icon" viewBox="0 0 1088 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="113002" width="55" height="55">
							<path
								d="M760.193658 603.374432a28.448958 28.448958 0 0 0-28.448958 28.448958v225.165787h-590.260752v-522.666909h590.282805v31.977511a28.448958 28.448958 0 0 0 56.897917 0v-252.512072a28.437932 28.437932 0 0 0-28.448958-28.448959H562.23081a135.121525 135.121525 0 0 0-251.232972 0H113.034989a28.437932 28.437932 0 0 0-28.448958 28.448959v771.639402a28.448958 28.448958 0 0 0 28.448958 28.448958h647.158669a28.448958 28.448958 0 0 0 28.448959-28.448958v-253.614745a28.448958 28.448958 0 0 0-28.448959-28.448959z m-431.145066-461.06058a28.272531 28.272531 0 0 0 18.811598-7.101213h10.530525a78.234635 78.234635 0 1 1 156.458244 0h10.486419a28.294584 28.294584 0 0 0 18.811598 7.101213h187.619777v149.290871H141.483948V142.258719z m0 0"
								p-id="113003" fill="#0AC090"></path>
							<path
								d="M575.297482 455.175207a21.347745 21.347745 0 0 0-21.336718-21.336719h-284.489584a21.336719 21.336719 0 1 0 0 42.673438h284.489584a21.347745 21.347745 0 0 0 21.336718-21.336719zM440.175957 576.072253H269.493233a21.336719 21.336719 0 1 0 0 42.673438h170.682724a21.336719 21.336719 0 0 0 0-42.673438z m0 142.244792H269.493233a21.336719 21.336719 0 0 0 0 42.673438h170.682724a21.336719 21.336719 0 0 0 0-42.673438z m81.774215 21.336719l85.346875-42.673438 291.568743-284.489583c0-53.336284-46.224044-39.111804-46.224044-39.111805L553.960764 654.295862z m0 0"
								p-id="113004" fill="#0AC090"></path>
						</svg></dt>
					<dd class="titCards">历年真题</dd>
				</dl>
			</div>
			<div class="littCard" @click="jump('/brochureAnnouncement/announcement')">
				<dl class="dlSvg">
					<dt class="dtImg"><svg t="1680688714614" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="109063" width="50" height="50">
							<path
								d="M626.912 953.144c-7.099-0.002-13.566-2.707-18.429-7.141l-267.808-240.998h-154.89c-44.344 0-110.286-29.377-110.286-110.286v-165.42c0-44.344 29.394-110.286 110.276-110.286h154.838l267.831-241.074c8.092-7.335 19.736-9.099 29.654-4.68 9.729 4.386 16.38 14 16.38 25.166 0 0.011 0 0.023 0 0.036v827.107c0 10.872-6.345 20.791-16.317 25.209-3.304 1.496-7.163 2.367-11.227 2.367-0.007 0-0.017 0-0.024 0zM185.777 374.165c-52.497 0-55.133 45.927-55.133 55.143v165.421c0 52.433 45.936 55.143 55.133 55.143h165.419c6.841 0 13.402 2.529 18.415 7.119l229.725 206.658v-703.278l-229.653 206.677c-5.076 4.571-11.628 7.119-18.477 7.119h-165.428zM764.756 346.589c-6.994 0-14.104-2.708-19.512-8.055-10.755-10.746-10.755-28.233 0-38.988l110.285-110.286c10.747-10.737 28.216-10.737 38.989 0 10.747 10.754 10.747 28.242 0 38.997l-110.276 110.276c-5.364 5.347-12.357 8.055-19.485 8.055zM930.184 539.576h-165.428c-15.157 0-27.568-12.339-27.568-27.567 0-15.219 12.411-27.567 27.567-27.567h165.429c15.273 0 27.567 12.357 27.567 27.567 0 15.228-12.294 27.567-27.567 27.567zM875.041 842.858c-7.62-0.011-14.519-3.092-19.527-8.071l-110.27-110.27c-10.755-10.747-10.755-28.216 0-38.989 10.746-10.737 28.215-10.737 38.997 0l110.276 110.276c10.747 10.773 10.747 28.252 0 38.997-5.354 5.355-12.348 8.055-19.476 8.055zM875.041 842.858z"
								p-id="109064" fill="#EA986C"></path>
						</svg></dt>
					<dd class="titCards">公告管理</dd>
				</dl>
			</div>
		</div>

		<echarts></echarts>
	</div>
</template>
<script>
	import "@/styles/common.css";
	import echarts from "@/components/echarts"
	export default {
		name: 'dashboard',
		data() {
			return {
				name: localStorage.getItem('ms_username'),
				topData: {}
			};
		},
		components: {
			echarts
		},
		computed: {
			role() {
				return this.name === 'admin' ? '超级管理员' : '普通用户';
			}
		},
		created() {
			if (localStorage.getItem('roleType') == 3) {
				this.$router.push('/question')
			}
			this.getTopData()
			this.userInfo = JSON.parse(localStorage.getItem('user')) || {}
			this.appName = localStorage.getItem('appName') || ''

		},
		methods: {
			jump(path) {
				this.$router.push(path)
			},
			async getTopData() {
				const res = await this.$get('/admin/workBench/getTopData')
				this.topData = res.data
			},
			changeDate() {
				const now = new Date().getTime();
				this.data.forEach((item, index) => {
					const date = new Date(now - (6 - index) * 86400000);
					item.name = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
				});
			}
		}
	};
</script>


<style scoped>
	.dtImg {
		height: 50px;
	}

	.svgImg {
		margin: 0;
	}

	.dlSvg {
		text-align: center;
	}

	.titCards {
		font-size: 14px;
		margin: 0;

	}

	.littCard {
		margin: 0 40px;
		width: 150px;
		height: 98px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
		cursor: pointer;
	}

	.svgBox {
		float: left;
		text-align: center;
		padding-left: 40px;
	}

	.sizeMoney {
		font-size: 14px;
		color: darkgrey;
		padding-left: 10px;
	}

	.sizeTit {
		font-size: 30px;
		margin-left: 20px;

	}

	.tit {
		align-items: center;
		padding: 0 14px;
		border-bottom: 1px solid #ccc;
		width: 95%;
		margin-left: 7px;
	}

	.tits {
		align-items: center;
		font-size: 14px;
		padding: 8px 14px;
		color: darkgrey;
		border-top: 1px solid #ccc;
		width: 95%;
		margin-left: 7px;

	}

	h4 {
		margin: 15px 0;
	}

	.news {
		background-color: #fff;
		padding-left: 40px;
		padding-bottom: 40px;
	}

	.box {
		background-color: #f7f7f7;
		font-size: 14px !important;
	}

	.cardsBox {
		width: 308px;
		height: 180px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
		margin: 30px;
	}

	.item {
		margin-top: 10px;
		margin-right: 40px;
	}

	h3,
	h4 {
		font-weight: 600;
	}

	.imgs {
		width: 80px;
		height: 80px;
		border-radius: 50%;
	}

	.el-row {
		margin-bottom: 20px;
	}

	.grid-content {
		display: flex;
		align-items: center;
		height: 100px;
	}

	.grid-cont-right {
		flex: 1;
		text-align: center;
		font-size: 16px;
		color: #999;
	}

	.grid-num {
		font-size: 30px;
		font-weight: bold;
	}

	.grid-con-icon {
		font-size: 50px;
		width: 100px;
		height: 100px;
		text-align: center;
		line-height: 100px;
		color: #fff;
	}

	.grid-con-1 .grid-con-icon {
		background: rgb(45, 140, 240);
	}

	.grid-con-1 .grid-num {
		color: rgb(45, 140, 240);
	}

	.grid-con-2 .grid-con-icon {
		background: rgb(100, 213, 114);
	}

	.grid-con-2 .grid-num {
		color: rgb(45, 140, 240);
	}

	.grid-con-3 .grid-con-icon {
		background: rgb(242, 94, 67);
	}

	.grid-con-3 .grid-num {
		color: rgb(242, 94, 67);
	}

	.user-info {
		display: flex;
		align-items: center;
		padding-bottom: 20px;
		border-bottom: 2px solid #ccc;
		margin-bottom: 20px;
	}

	.user-avator {
		width: 120px;
		height: 120px;
		border-radius: 50%;
	}

	.user-info-cont {
		padding-left: 50px;
		flex: 1;
		font-size: 16px;
		color: #999;
	}

	.user-info-cont div:first-child {
		font-size: 30px;
		color: #222;
	}

	.user-info-list {
		font-size: 16px;
		color: #999;
		line-height: 25px;
	}

	.user-info-list span {
		margin-left: 70px;
	}

	.mgb20 {
		margin-bottom: 20px;
	}

	.todo-item {
		font-size: 16px;
	}

	.todo-item-del {
		text-decoration: line-through;
		color: #999;
	}
</style>